<template>
  <div>
    <h1>{{msg}}</h1>
    <button @click="jokeChange">点击随机生成笑话</button>

  </div>
</template>

<script>
export default {
  // 存放数据
  data() {
    return{
      msg:'这是一个笑话',
       jokeArr:['wqertyuio','这地方v该回家看了','收到v法帝国海军']
    }
  },
  // 存放方法
  methods:{
    jokeChange() {
      // 生成随机下标
      let index = parseInt(Math.random()*this.jokeArr.length)
      this.msg=this.jokeArr[index]
    }
  }
}
</script>

<style lang="scss" scoped>

</style>